 <!DOCTYPE html>  <!-- 文档类型声明标签，告诉浏览器这个页面采用html5版本来显示页面 -->
 <html lang="zh-CN"> <!-- 定义为en就是英文网站，定义为zh-CN就是中文网页，也可以显示英文 -->
<head>
 <meta charset="UTF-8">     <!--  必须写，采取UTF-8保存文字，如果不写就会乱码。 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>HTML常用标签</title>
</head>
<body>
    <h1>前端学习</h1>
    <h2>第一节</h2>
    <p>我是段落标签</p>
    <p>一天，小刺猬和小乌龟在逛街。忽然，它们看见动物警察局在门上贴了这样一张招聘：<br />对付强盗独眼狼的士兵还差二名，请赶快过来应聘。小刺猬和小乌龟决定去应聘。<br />(换行标签）哇!有好多士兵啊!有：小狗、小猫、小鸟、小兔等等。“出发!上车!”上了车，它们就去独眼狼的家里去了。战斗开始了!小狗使劲向独眼狼扔催眠瓦斯，独眼狼不一会就晕了。不过，它掉进了水池里，醒了!小鸟、小刺猬、小乌龟挺身而出，小乌龟当盾、小鸟飞过去使劲啄他的眼睛、小刺猬跑到独眼狼身上用刺狠狠地扎它!终于，独眼狼被逮捕了!</p>
    
   <p>
    我是<strong>加粗</strong>文字，方法一,更推荐这种方法<br />
    我是<b>加粗</b>文字，方法二
   </p> 

    <p>
    我是<em>倾斜</em>文字，方法一,更推荐这种方法<br />
    我是<i>倾斜</i>文字，方法二
    </p>

    <p>
        我是<del>删除线</del>，方法一,更推荐这种方法<br />
        我是<s>删除线</s>，方法二
    </p>

    <p>
        我是<ins>下划线</ins>，方法一,更推荐这种方法<br />
        我是<u>下划线</u>，方法二
    </p>
</body>
</html>